{
	template:`
	<a-page-header title="操作日志" :sub-title="" >
		<template #extra>
			<m-back @click="back(false);">关闭</m-back>
		</template>
		<a-card :hoverable="true">
            <a-row :gutter="10">
                <a-col :span="4">
                    <div class="text-content">
                        <span v-if="model.user.oid"><a-tag color="processing">{{model.user.userType}}</a-tag>{{model.user.realname}}</span>
                        <br>{{model.createDate}}
                    </div>
                </a-col>
                <a-col :span="20">
                    <div class="text-content padding-bottom padding-left">
                        <a-tag color="processing">{{model.title}}</a-tag>{{model.description}}
                        <br><span class=" padding-right">{{model.requestIp}}</span>{{model.userAgent}}
                    </div>
                </a-col>
                <a-col :span="24">
                    <a-descriptions layout="vertical" :column="5" bordered size="small">
                        <a-descriptions-item label="请求主机">
                            {{model.host}}
                        </a-descriptions-item>
                        <a-descriptions-item label="请求路径">
                            <a-typography-paragraph :copyable="{text:model.path}" style="margin:0;">
                                {{model.path}}
                            </a-typography-paragraph>
                        </a-descriptions-item>
                        <a-descriptions-item label="调用结果">
                            <a-tag color="success" v-if="model.status=='正常'">{{model.status}}</a-tag>
                            <a-tag color="error" v-else-if="model.status=='异常'">{{model.status}}</a-tag>
                            <a-tag color="warning" v-else-if="model.status=='错误'">{{model.status}}</a-tag>
                            <a-tag color="processing" v-else>{{model.status}}</a-tag>
                        </a-descriptions-item>
                        <a-descriptions-item label="本次耗时">{{model.processTime}}毫秒</a-descriptions-item>
                    </a-descriptions>
                </a-col>
                <a-col :span="24">
                    <a-row :gutter="16">
                        <a-col :span="12">
                            <a-divider orientation="left">接收或推送数据</a-divider>
                            <a-typography-paragraph :copyable="{text:model.readText}" style="float:left;margin-left:-18px;"></a-typography-paragraph>
                            <json-val v-if="readJson" :json-val="readJson" :current-depth="0" :max-depth="2" :last="true"></json-val>
                            <div v-else>{{model.readText}}</div>
                        </a-col>
                        <a-col :span="12">
                            <a-divider orientation="left">返回或结果数据</a-divider>
                            <a-typography-paragraph :copyable="{text:model.backText}" style="float:left;margin-left:-18px;"></a-typography-paragraph>
                            <json-val v-if="backJson" :json-val="backJson" :current-depth="0" :max-depth="2" :last="true"></json-val>
                            <div v-else>{{model.backText}}</div>
                        </a-col>
                    </a-row>
                </a-col>
            </a-row>
		</a-card>
	</a-page-header>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			model:{"type":{},"user":{}},
			readJson:null,
			backJson:null,
		};
	},
	mounted(){
	    this.model=this.param.model;
	    try{
	        this.readJson=JSON.parse(this.model.readText);
	        this.model.readText=JSON.stringify(this.readJson,null,2);
	    }catch(e){}
	    try{
	        this.backJson=JSON.parse(this.model.backText);
	        this.model.backText=JSON.stringify(this.backJson,null,2);
	    }catch(e){}
	},
	methods:{
	}
}